import React from "react";

export default ({ active }) => {
    const styles = {
        tab: {
            flex: 1,
            height: "100%",
            alignItems: "center",
            paddingLeft: 28
        },
        tab1: {
            flex: 1,
            height: "100%",
            alignItems: "center",
            paddingLeft: 28,
            fontFamily: "PingFangSC-Medium",
            fontSize: 32,
            color: "#1a1a1a",
            // borderBottom:'4px solid #ff4d3a'
        }
    };

    return (
        <div
            style={{
                flex: 1,
                height: 81,
                fontSize: 32,
                color: "#999",
                borderBottom:'1px solid #f1f1f1'
            }}
        >
            <div style={{ flex: 3, height: "100%"}}>
                <div style={styles.tab1}>
                    <span
                        style={{
                            // paddingBottom:29,
                            display:"block",
                            height:60,
                            marginTop:15,
                            borderBottom:'4px solid #ff4d3a'
                        }}
                    >商店</span>
                </div>
                <div style={styles.tab}>店铺</div>
                <div style={styles.tab}>我的</div>
            </div>
            <div style={{ flex: 1, alignItems: "center", alignSelf: "right" }}>
                <div
                    style={{
                        width: 128,
                        height: 56,
                        borderRadius: 28,
                        border: "1px solid #999",
                        alignItems: "center",
                        justifyContent: "center"
                    }}
                >
                    <img src="../cutpic/搜索.png" alt=""/>
                    <span
                        style={{
                            marginLeft:8,
                            fontSize:25,
                            color:"#666",
                        }}
                    >搜索</span>
                </div>
            </div>
        </div>
    );
};
